<template>
	<div id="certification">
		<p class="Title">安全认证</p>
		<p class="cue">认证以下信息将有助于账号安全</p>
		<div class="certification_list">
			<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-01-01.png"/>
					<p>个人资料：</p>
					<p v-text=""><span v-if="infoStatus==0">待完善</span><span v-else="infoStatus==0">已完善</span></p>
				</div>
				<router-link to="/agent/information">前往完善</router-link>
			</div>
			<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-02-01.png"/>
					<p>手机认证：</p>
					<p>认证的手机号为{{phone}}，认证手机后，可用于登录账号，安全的找回密码</p>
				</div>
				<router-link :to="{path:'/agent/validation',query:{type:1,phone:this.phone}}">前往修改</router-link>
			</div>
			<!--<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-03-01.png"/>
					<p>邮箱认证：</p>
					<p><span v-text="">未认证</span>，绑定邮箱可用于登录账号，安全的找回密码</p>
				</div>
				<router-link :to="{path:'/agent/validation',query:{type:2}}">前往认证</router-link>
			</div>-->
			<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-04-01.png"/>
					<p>修改登录密码：</p>
					<p>已设置平台登录密码，定期修改密码可提高安全性</p>
				</div>
				<router-link to="/agent/revisePassword">前往修改</router-link>
			</div>
			<!--<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-05-01.png"/>
					<p>支付密码设置：</p>
					<p><span v-text="">未设置</span>，设置支付密码后可申请提现</p>
				</div>
				<router-link to="/agent/a">前往设置</router-link>
			</div>-->
			<!--<div class="certification_item">
				<div class="item_left">
					<img src="../../static/img/certification-06-01.png"/>
					<p>绑定提现账户：</p>
					<p><span v-text="">未绑定</span>，绑定提现账户后可用于申请提现</p>
				</div>
				<router-link to="/agent/bankCard">前往绑定</router-link>
			</div>-->
		</div>
	</div>
</template>

<script>
export default {
	name: 'certification',
	data:function(){
		return{
			phone: '',
			infoStatus:0,
		}
	},
	methods:{
		getPhone: function(){
			var _this = this;
			_this.$axios.post('/agent/info/show').then(function(res){
				var data = res.data;
				if(data.message=="succ"){
					data = data.result;
					_this.phone = data.phone;
					_this.infoStatus = data.status;
				}else{
					_this.$alert("2",data.result);
				}
			}).catch(function (error) {
			    console.log(error);
			});
		}
	},
	created:function(){
		this.getPhone();
	}
}
</script>

<style scoped>
#certification{
	width: 1030px;
	background-color: #fff;
	padding: 30px;
	padding-bottom: 10px;
	box-sizing: border-box;
}
.Title{
	font-size: 20px;
	color: #545454;
}
.cue{
	color: #FF464E;
	margin-top: 20px;
}
.certification_list{
	border: 1px solid #E6E6E6;
	margin-top: 10px;
	padding: 10px 30px;
	box-sizing: border-box;
}
.certification_item{
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px dashed #DDDDDD;
	padding: 15px 0;
}
.certification_item:last-child{
	border-bottom: none;
}
.item_left{
	display: flex;
	align-items: center;
}
.item_left img{
	height: 30px;
	display: block;
	margin-right: 10px;
}
.item_left p:nth-child(2){
	font-size: 16px;
	color: #545454;
	width: 115px;
}
.item_left p:nth-child(3){
	font-size: 12px;
	color: #808080;
}
.item_left p:nth-child(3) span{
	color: #FF464E;
}
.certification_item a{
	color: #6fb8f3;
}
</style>